/* reset */  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  /* 初始化标签在所有浏览器中的margin、padding值 */  
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  
body {background:#fff}   /* 重置body 页面背景为白色 */  
body,th,td,input,select,textarea,button {font-size:14px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体";color:#666} /* 重置页面文字属性 */  
a {color:#666;text-decoration:none}  /* 重置链接a标签 */  
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  
caption {display:none;}    /* 重置表格标题为隐藏 */  
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */  
img{vertical-align:top}  /* 图片在当前行内的垂直位置 */  
.clearfix{clear:both;overflow:hidden;_zoom:1;}
body{
	background-image: url(../images/body-bg.jpg) ;
	background-repeat: no-repeat;
	background-size: cover;
}
header{
	width:100%;
	height: 50px;
	background-color: #FFFFFF;
}
.header-in{
	width:1080px;
	height: 50px;
	margin:0 auto;
}
.logo{
	float: left;
	width:450px;
}
.logo h1{
	width:220px; 
	height: 50px;
	float: left;
	background: url(../images/logo.png) no-repeat 0px 9px;
	position: relative;
}
.logo .logo-r{
	width:380px; 
	height: 50px;
	margin-left:225px;
	line-height: 50px;
	color: #399bff;
	font-size: 14px;
	
}
.logo-r ul li{
	display: inline-block;
	padding:0 22px;
	line-height: 50px;
}
.logo-r ul li a{display: block;color: #333333;}
.logo-r ul li.currented{
	background: url(../images/logo-3.png) no-repeat 0px 9px;
}
.logo-r ul li.currented a{color: #FFFFFF;
}
.logo h1 a{
	position: absolute;
	left:-9999px;
	
}
.header-nav{
	float: right;
	width:250px;
}
.header-nav>ul{
	position: relative;
	width:250px;
	height: 50px;
}
.dropdown{
	position: absolute;
	right:0px;
}
.header-nav>ul>li{
	line-height: 50px;
	float: left;
	margin-left:20px;
}
.header-nav>ul>li>a{
	color:#333333;
	display: block;
}
.header-nav>ul>li>a.messages{
	position: relative;
}
.header-nav>ul>li>a.messages span{
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	background: #fd4d10;
	text-align: center;
	line-height: 20px;
	font-size:16px;
	top:6px;
	left:47px;
	border-radius: 50%;
	transform: scale(0.6);
	color: #FFFFFF;
}
.dropdown a span{
	display: inline-block;
	padding-right:15px;
	background: url(../images/arrow2.png) no-repeat scroll 44px 20px;
}
.dropdown-t a span{
	background: url(../images/arrow2-top.png) no-repeat scroll 44px 20px;
}
.dropdown-menu{
	top:45px;
	z-index:300;
	display: none;
	background: #FFFFFF;
	box-shadow: #ccc 0px 1px 3px 0px;
}
.dropdown-menu li{
	line-height: 32px;
	color:#333333;
	padding-left:10px;
	box-sizing: border-box;
}
.dropdown-menu li img{
	margin-top:9px;
	margin-right:9px;
}
.dropdown-menu li a:hover{
	color:#399BFF
}
.dropdown-menu .divider{
	width:100px;
	height: 1px;
	background: #3C3C3C;
}
.containter{
	width:1080px;
	margin:60px auto 20px;
	height: auto;
	min-height: 600px;
	padding:30px 20px;
	box-sizing: border-box;
}
.containter .modal{
	float: left;
	width:1010px;
	height:auto;
	
}
.containter .modal li{
	float:left;
	width:210px;
	height:100px;
	box-sizing: border-box;
	margin:0px 20px 25px;
	background: #FFFFFF;
}
.containter .modal li.active a,.containter .modal li a:hover{
	background-color: #6fb6ff;
}
.containter .modal li a{
	display: block;
	width:210px;
	height:100px;
	line-height: 100px;
	padding:0 15px;
	font-size: 15px;
	font-weight: 600;
	box-sizing: border-box;
}
.containter .modal li a span{
	margin-right: 5px;
}
.containter .modal li a i{
	color: #FFFFFF;
}
.containter .modal li a i.fa-inverse,
.containter .modal li.active a i,
.containter .modal li a:hover i{
	color: #6FB6FF;
}
.containter .modal li a.green i.fa-inverse,
.containter .modal li.active a.green i,
.containter .modal li a.green:hover i{
	color: #7EBE2A;
}
.containter .modal li.active a.green,
.containter .modal li a.green:hover{
	background: #7EBE2A;
}
.containter .modal li a.red i.fa-inverse,
.containter .modal li.active a.red i,
.containter .modal li a.red:hover i{
	color: #FF4F51;
}
.containter .modal li.active a.red,
.containter .modal li a.red:hover{
	background: #FF4F51;
}
.containter .modal li a.purple i.fa-inverse,
.containter .modal li.active a.purple i,
.containter .modal li a.purple:hover i{
	color: #BB5AFF;
}
.containter .modal li.active a.purple,
.containter .modal li a.purple:hover{
	background: #BB5AFF;
}
.containter .modal li a.cyan i.fa-inverse,
.containter .modal li.active a.cyan i,
.containter .modal li a.cyan:hover i{
	color: #41BCBA;
}
.containter .modal li.active a.cyan,
.containter .modal li a.cyan:hover{
	background: #41BCBA;
}
.containter .modal li a.yellow i.fa-inverse,
.containter .modal li.active a.yellow i,
.containter .modal li a.yellow:hover i{
	color: #FFCE44;
}
.containter .modal li.active a.yellow,
.containter .modal li a.yellow:hover{
	background: #FFCE44;
}
.containter .modal li a.orange i.fa-inverse,
.containter .modal li.active a.orange i,
.containter .modal li a.orange:hover i{
	color: #FF7800;
}
.containter .modal li.active a.orange,
.containter .modal li a.orange:hover{
	background: #FF7800;
}
.containter .modal li.active a,
.containter .modal li.active a i.fa-inverse,
.containter .modal li a:hover,
.containter .modal li a:hover i.fa-inverse{
	color: #FFFFFF;
}
.containter .modal li.last-li{
	cursor: pointer;
	background: url(../images/add.png) repeat scroll center center;
}
.containter .modal li.active a,.containter .modal li a:hover{
	box-shadow: #6FB6FF 2px 1px 4px 0px;
}
.containter .modal li:nth-child(4n+0){
	margin-right: 0px;
}
.containter .notice{
	width:230px;
	height:400px;
	float: right;
	background-color: #FFFFFF;
	box-shadow: #ccc 0px 1px 3px 0px;
	box-sizing: border-box;
}
.notice-top{
	width:230px;
	line-height: 36px;
	padding-left:10px;
	font-size:16px;
	box-sizing: border-box;
}
.notice-top span{
	display: block;
	float: left;
	width:4px; 
	height:16px;
	background: #399BFF;
	margin-right:10px;
	margin-top:10px;
}
.notice-s .notice-top{
	background-color: #6FB6FF;
	color: #FFFFFF;
}
.notice-s .notice-top span{
	background: #FFFFFF;
}
.containter .notice ul{
	margin:15px 0px;
}
.containter .notice ul li{
	width:220px;
	box-sizing: border-box;
	padding:0px 10px;
	float:left;
	line-height: 36px;
	font-size: 14px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom:1px solid #D5D5D5;
}
.containter .notice ul li:last-child{
	border:none;
}
.containter .notice ul li a:hover{
	color:#399BFF;
	text-decoration: underline;
}
footer{
	width:100%;
	height:36px;
	line-height:36px;
	background:rgba(0,0,0,0.6);
	color:#FFFFFF;
	position: fixed;
	bottom:0px;
}
footer p{
	width:1080px;
	margin:0 auto;
	text-align: center;
}
.dropdown-menu li a i{
	margin-right: 5px;
}
